<!DOCTYPE html>
<html>#c9e6c6;
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
  	<div class="container">
   		<div class="row">
   			<div class="btn btn-group-vertical">
   			<button class="btn btn-danger">按钮</button>
			<button class="btn btn-danger">按钮</button>
			<button class="btn btn-danger">按钮</button>
			<button class="btn btn-info"><span class="badge">12</span>按钮</button>
			</div>#3f5387;
			</div>
		<div class="row">
			
		<div class="col-xs-6 col-md-6">
			<div class="modal-content">
			<div class="modal-header">
   					<div class="modal-title">
   						<h1>welcome to my house</h1>
   					</div>
   				</div>
				<div class="modal-body ">
					<div class="glyphicon glyphicon-th-list"></div>
					你好，欢迎光临！
				</div>
		</div>
				</div>
				
				
		<div class="col-xs-6 col-md-6">
			<div class="modal-content">
			<div class="modal-header">
   					<div class="modal-title">
   						<h1>welcome to my house</h1>
   					</div>
   				</div>
				<div class="modal-body ">
					<div class="glyphicon glyphicon-th-list"></div>
					你好，欢迎光临！
				</div>
		</div>
				</div>
				</div>
				<div class="row">
				<img src="tp.jpg"/>
				<div>蝴蝶的翅膀在月光下，散发着淡淡的忧伤。</div>
				</div>
			
</div>
			
			
				
		
   </body>
</html>